#A30D33

Color Details

HEX
#A30D33
RGB
rgb(163, 13, 51)
HSL
hsl(345, 85%, 35%)
CMYK
cmyk(0%, 92%, 69%, 36%)
Best text on this color #FFFFFF (CR 7.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a30d33
Contrast 2.66:1 Fail
White on #a30d33
Contrast 7.89:1 AAA
#a30d33 on Black
Contrast 2.66:1 Fail
#a30d33 on White
Contrast 7.89:1 AAA

Tints & Shades

#b53d5c
#c86e85
#da9ead
#820a29
#62081f
#410514

Complement & Analogous

#0da57f
#a5330d
#a50d7f

Triadic

#33a50d
#0d33a5

Monochrome

#410514 #62081f #a30d33 #c86e85 #da9ead #edcfd6

Analogous

#a50d7f #c056a5 #a30d33 #b75c3d #a5330d #84290a

Complementary Mix

#62081f #a30d33 #c86e85 #0da57f #62c5ac #086b53

Nearby Colors

#a30d32
#a30d34
#a30d23
#a30d43

Embed #A30D33 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #A30D33

#A30D33 converts to RGB(163, 13, 51) and HSL(345, 85%, 35%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#A30D33 FAQs

What is the RGB value of #A30D33?
RGB: 163, 13, 51. Copy as CSS: rgb(163, 13, 51)
Is #A30D33 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A30D33?
Complement: #0da57f.
Does #A30D33 have good contrast on white or black?
On white: 7.89:1 (AAA (normal text)). On black: 2.66:1 (Fails AA).